<!DOCTYPE HTML>
<html>
<head>
    <!--BEGIN HEAD MATE-->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="initial-scale=1.0,width=device-width"/>

    <meta name="version" content="1.0.0">
    <!--END HEAD MATE-->

    <!--BEGIN HEAD LINK SHORTCUT ICON-->
    <link rel="shortcut icon" href="images/icon/zhihuawei_favicon32x32.ico">
    <!--END HEAD LINK SHORTCUT ICON-->

    <!--BEGIN HEAD LINK STYLE-->
    <!--BASE STYLE CSS-->
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
    <!--PRODUCTION PHOTO CSS-->
    <link rel="stylesheet" href="css/productionPhoto.css" type="text/css" media="screen"/>
    <!--PRINT CSS-->
    <link rel="stylesheet" href="css/print.css" type="text/css" media="print"/>
    <!--END HEAD LINK STYLE-->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <!--BEGIN HEAD TITLE-->
    <title>个人简历</title>
    <!--END HEAD TITLE-->
    <style>
 
        #login_click{ margin-top:32px; height:40px;}
        #login_click a 
        {
            
         
            text-decoration:none;
            background:#2f435e;
            color:#f2f2f2;
            
            padding: 10px 30px 10px 30px;
            font-size:16px;
            font-family: 微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;
            font-weight:bold;
            border-radius:3px;
            
            -webkit-transition:all linear 0.30s;
            -moz-transition:all linear 0.30s;
            transition:all linear 0.30s;
            
            }
           #login_click a:hover { background:#385f9e; }
         
        </style>
</head>
<body>



<!--BEGIN WRAPPER-->
<div id="wrapper">


    <h2 id="titleName" class="sectionHead">
        基本信息
    </h2>
 
    <!--BASE INFORMATION-->
    <div id="bio">
        <h2>
            <div style="float: left; width: 200px; height: 25px;"> 姓名：<input style="border:none; width: 150px; height: 25px;" type="text"   placeholder="姓名" autocomplete="off" class="layui-input" v-model="name" /></div>
            <div style="float: left; width: 200px; height: 25px;"> 年龄：<input style="border:none; width: 150px; height: 25px;" type="text"   placeholder="年龄" autocomplete="off" class="layui-input" v-model="age" /></div>
            <div style="float: left; width: 200px; height: 25px;"> 性别：<input style="border:none; width: 150px; height: 25px;" type="text"   placeholder="性别" autocomplete="off" class="layui-input" v-model="sex" /></div>
        </h2>
        <h2>
            <div style="float: left; width: 200px; height: 25px;"> 电话：<input style="border:none; width: 150px; height: 25px;" type="text"   placeholder="电话" autocomplete="off" class="layui-input" v-model="telephone" /></div>
            <div style="float: left; width: 200px; height: 25px;"> QQ：<input style="border:none; width: 150px; height: 25px;" type="text"   placeholder="QQ" autocomplete="off" class="layui-input" v-model="qq" /></div>
            <div style="float: left; width: 200px; height: 25px;"> 邮箱：<input style="border:none;width: 150px; height: 25px;" type="text"   placeholder="邮箱" autocomplete="off" class="layui-input" v-model="email" /></div>
        </h2>
        <h2>
            <div style="float: left; width: 300px; height: 25px;"> 期望工作地点：<input style="border:none; width: 150px; height: 25px;" type="text"   placeholder="期望工作地点" autocomplete="off" class="layui-input" v-model="workingPlace" /></div>
        </h2>
        <div class="clear"></div>
        
        <!--BASE INFORMATION - SOCIAL LINKS-->
        
        <!--END SOCIAL LINKS-->

        <!--BASE INFORMATION - PERSONAL INFORMATION-->
        <p>
            <textarea  style="border:none; width: 557px;height: 185px;" placeholder="自我介绍" v-model="introduction"></textarea>
        </p>
        <!--END PERSONAL INFORMATION-->
    </div>
    <!--END BASE INFORMATION-->

    <div class="clear"></div>

    <!--SKILLS TITLE-->
    <h2 id="tools" class="sectionHead">技能</h2>
    <!--SKILLS-->
    <div id="bio">
        <p>
            <textarea  style="border:none; width: 557px;height: 185px;" placeholder="技能描述" v-model="skill"></textarea>
        </p>
    </div>
    <!--END SKILLS-->

    <div class="clear"></div>

    <!--EXPERIENCE TITLE-->
    <h2 id="clock" class="sectionHead">工作经历</h2>
    <!--EXPERIENCE-->
    <div id="bio">
        <p>
            <textarea  style="border:none; width: 557px;height: 185px;" placeholder="工作经历描述" v-model="through"></textarea>
        </p>
    </div>

    <div class="clear"></div>

    <!--EDUCATION TITLE-->
    <h2 id="learn" class="sectionHead">教育背景</h2>
    <!--EDUCATION-->
    <div id="bio">
        <p>
            <textarea  style="border:none; width: 557px;height: 185px;" placeholder="教育背景" v-model="education">{{education}}</textarea>
        </p>
    </div>
    <!--END EDUCATION-->

    <div class="clear"></div>


    <h2 id="ribbon" class="sectionHead">荣誉 &amp; 奖励</h2>


    <div id="bio">
        <p>
            <textarea  style="border:none; width: 557px;height: 185px;" placeholder="荣誉 &amp; 奖励" v-model="honor"></textarea>
        </p>
    </div>


    <div class="clear"></div>

    <!--AS SEEN ON TITLE-->
    <h2 id="eye" class="sectionHead">项目经验</h2>
    <!--PROJECT-->
    <div id="bio">
        <p>
            <textarea  style="border:none; width: 557px;height: 185px;" placeholder="项目经验" v-model="experience"></textarea>
        </p>
    </div>

     


    <div id="login_click" style="text-align: center;" @click="resumeClick">
        <a id="btlogin" href="#" >查询</a>
    </div>

</div>

<script src="js/jquery.js"></script>
<script src="js/projectPhoto.js"></script>
<script src="js/backPosition.js"></script>

<script src="js/custom.js"></script>

<script src="./js/request.js"></script>
		<!-- <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> -->
<script type="text/javascript">
  
    var vm=new Vue({
        el:'#wrapper',
        data:{
            ids: [],
            resumeId: "",
            userId: "",
            userName: "",
            name: "",
            age: "",
            sex: "",
            telephone: "",
            qq: "",
            email: "",
            workingPlace: "",
            introduction: "",
            skill: "",
            through: "",
            education:"",
            experience: "",
            honor: "",
            resume: {}
        },
        methods:{
            callbackResume(e) {
                if (e.flag && e.data != null && e.code == 20000) {
                    this.resume = e.data
                    console.log(this.resume)
                    this.resumeId = this.resume.resumeId
                    this.userId = this.resume.userId
                    this.userName = this.resume.userName
                    this.name =  this.resume.name
                    this.age =  this.resume.age
                    this.sex = this.resume.sex
                    this.telephone = this.resume.telephone
                    this.qq =  this.resume.qq
                    this.email = this.resume.email
                    this.workingPlace = this.resume.workingPlace
                    this.introduction = this.resume.introduction
                    this.skill = this.resume.skill
                    this.through = this.resume.through
                    this.education = this.resume.education
                    this.experience = this.resume.experience
                    this.honor =  this.resume.honor
                } else {
                    window.alert(e.message)
                }
            },
            resumeClick() {
                resume = {}
                
                resume["userId"] = localStorage.userId
                

                if (this.name  != "") {
                    resume["name"] = this.name
                }
                if (this.age != "") {
                    resume["age"] = this.age
                }
                if (this.sex != "") {
                    resume["sex"] = this.sex
                }
                if (this.telephone != "") {
                    resume["telephone"] = this.telephone
                }
                if (this.qq != "") {
                    resume["qq"] = this.qq
                }
                if (this.email != "") {
                    resume["email"] = this.email
                }
                if (this.email != "") {
                    resume["email"] = this.email
                }
                if (this.workingPlace != "") {
                    resume["workingPlace"] = this.workingPlace
                }
                if (this.introduction != "") {
                    resume["introduction"] = this.introduction
                }
                if (this.skill != "") {
                    resume["skill"] = this.skill
                }
                if (this.through != "") {
                    resume["through"] = this.through
                }
                if (this.education!= "") {
                    resume["education"] = this.education
                }
                if (this.honor!= "") {
                    resume["honor"] = this.honor
                }
                if (this.experience!= "") {
                    resume["experience"] = this.experience
                }
              
                // 异步回调
                getResume(resume , this.callbackResume)
            }
        }
    })
</script>
</body>
</html>